<script setup>
import AnalyticsAward from '~/view/dashboard/AnalyticsAward.vue'
import AnalyticsBarCharts from '~/view/dashboard/AnalyticsBarCharts.vue'
import AnalyticsDepositWithdraw from '~/view/dashboard/AnalyticsDepositWithdraw.vue'
import AnalyticsSalesByCountries from '~/view/dashboard/AnalyticsSalesByCountries.vue'
import AnalyticsTotalEarning from '~/view/dashboard/AnalyticsTotalEarning.vue'
import AnalyticsTotalProfitLineCharts from '~/view/dashboard/AnalyticsTotalProfitLineCharts.vue'
import AnalyticsTransactions from '~/view/dashboard/AnalyticsTransactions.vue'
import AnalyticsUserTable from '~/view/dashboard/AnalyticsUserTable.vue'
import AnalyticsWeeklyOverview from '~/view/dashboard/AnalyticsWeeklyOverview.vue'
import CardStatisticsVertical from '~/@core/components/cards/CardStatisticsVertical.vue'

const totalProfit = {
    title: 'Total Profit',
    color: 'secondary',
    icon: 'ri-pie-chart-2-line',
    stats: '$25.6k',
    change: 42,
    subtitle: 'Weekly Project',
}

const newProject = {
    title: 'New Project',
    color: 'primary',
    icon: 'ri-file-word-2-line',
    stats: '862',
    change: -18,
    subtitle: 'Yearly Project',
}
</script>

<template>
    <VRow class="match-height">
        <VCol cols="12" md="4">
            <AnalyticsAward />
        </VCol>

        <VCol cols="12" md="8">
            <AnalyticsTransactions />
        </VCol>

        <VCol cols="12" md="4">
            <AnalyticsWeeklyOverview />
        </VCol>

        <VCol cols="12" md="4">
            <AnalyticsTotalEarning />
        </VCol>

        <VCol cols="12" md="4">
            <VRow class="match-height">
                <VCol cols="12" sm="6">
                    <AnalyticsTotalProfitLineCharts />
                </VCol>

                <VCol cols="12" sm="6">
                    <CardStatisticsVertical v-bind="totalProfit" />
                </VCol>

                <VCol cols="12" sm="6">
                    <CardStatisticsVertical v-bind="newProject" />
                </VCol>

                <VCol cols="12" sm="6">
                    <AnalyticsBarCharts />
                </VCol>
            </VRow>
        </VCol>

        <VCol cols="12" md="4">
            <AnalyticsSalesByCountries />
        </VCol>

        <VCol cols="12" md="8">
            <AnalyticsDepositWithdraw />
        </VCol>

        <VCol cols="12">
            <AnalyticsUserTable />
        </VCol>
    </VRow>
</template>
